<template>
	<view class="content">
		<view class="page-section" indexListBox>
			<!-- <view class="indexList" v-for="(item,index) in tableData" :key="index">
				 <view class="info"> 
					<view>
						<text>
							任务完成情况ID: {{item.situationId}}
							任务图片: {{item.situationPic}}
							任务完成日期: {{item.situationStarttime}}
						</text>
					</view>
				 </view>
			</view> -->
			<uni-list>
				<uni-list-item v-for="(item,index) in tableData" :key="index" :title="item.situationId" showArrow 
				:thumb="item.situationPic"
				:rightText="item.situationStarttime"
				thumb-size="lg"
				/>
					
				
			</uni-list>
		</view>
	</view>
</template>

<script>
	let caseTaskVo={}
	export default {
		data() {
			return {
				tableData: [],
			}
		},
		onLoad:function(obj){
			caseTaskVo.situationTid=obj.situationTid;
			console.log("kkkkkkkkkkk"+caseTaskVo.situationTid)
		},
		mounted() {
			this.tasklist()
		},
		methods:{
			tasklist(){			
				console.log("------"+caseTaskVo.situationTid)
				uni.request({
				    url: 'http://localhost:7000/task/task/taskSituationsList', //仅为示例，并非真实接口地址。
				    data:{
						situationTid:caseTaskVo.situationTid
					},
					method: 'POST',
				    success: (res) => {
						console.log(res.data)
				        this.tableData=res.data.data
						//console.log(this.Data)
				    }
				});
			}
			
		},
		
	}
</script>

<style>
	 .indexList uni-image {
	            width: 100%;
	            height: 130px;
	            background: #eaeaea;
	        }
	        .indexList {
	            margin-top: 15px;
	            margin-bottom: 15px;
	        }
	        .indexList .title {
	            background: #000;
	            color: #fff;
	            font-size: 16px;
	            line-height: 37px;
	            padding: 0 10px;
	            margin-top: -5px;
	    }
	       .indexListBox{
	           margin-top: 20px;
	       }
</style>

